<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="ISUX">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>

    <link rel="stylesheet" type="text/css" href="../frozen/css/frozen.css">
    <link rel="stylesheet" type="text/css" href="../css/default.css">

    <title>张三</title>
    <link rel="stylesheet" type="text/css" href="../css/user_center.css">
    <link rel="stylesheet" type="text/css" href="../venobox/venobox.css" media="screen" />
</head>
<body>
    <section class="ui-container">

        <ul class="ui-tiled ui-info-tiled ui-border-tb">
            <li>
                <div class="num"><em>10</em>个</div>
                <div>支持项目</div>
            </li>
            <li>
                <div class="num"><em>1234.56</em>元</div>
                <div>共捐善款</div>
            </li>
            <li>
                <div class="num"><em>4352.30</em>元</div>
                <div>获得配捐</div>
            </li>
        </ul>

        <div class="ui-card-module ui-border-tb">
            <h4 class="ui-border-b">动态信息（10）</h4>

            <ul class="trend-list ui-border-b">
                <li class="ui-border-b">
                    <h3>项目名称<p>15分钟前</p></h3>
                    <p>
                        项目动态项目动态项目动态项目动态项目动态项目动态
                        项目动态项目动态项目动态项目动态项目动态项目动态
                        项目动态项目动态项目动态项目动态项目动态项目动态
                    </p>
                    <div class="img-list">
                        <a class="venobox" data-gall="gall1" title="" href="../images/demo/demo-project-1.jpg"><img src="../images/demo/demo-project-1.jpg" alt=""></a>
                    </div>
                </li>
                <li class="ui-border-b">
                    <h3>项目名称<p>15分钟前</p></h3>
                    <p>
                        项目动态项目动态项目动态项目动态项目动态项目动态
                        项目动态项目动态项目动态项目动态项目动态项目动态
                    </p>
                    <div class="img-list">
                        <a class="venobox" data-gall="gall2" title="" href="../images/demo/demo-project-2.jpg"><span class="size2" style="background-image:url(../images/demo/demo-project-2.jpg)"></span></a>
                        <a class="venobox" data-gall="gall2" title="" href="../images/demo/demo-project-1.jpg"><span class="size2" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                    </div>
                </li>
                <li class="ui-border-b">
                    <h3>项目名称<p>15分钟前</p></h3>
                    <p>
                        项目动态项目动态项目动态项目动态项目动态项目动态
                        项目动态项目动态项目动态项目动态项目动态项目动态
                    </p>
                    <div class="img-list">
                        <a class="venobox" data-gall="gall3" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                        <a class="venobox" data-gall="gall3" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                        <a class="venobox" data-gall="gall3" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                    </div>
                </li>
                <li class="ui-border-b">
                    <h3>项目名称<p>15分钟前</p></h3>
                    <p>
                        项目动态项目动态项目动态项目动态项目动态项目动态
                        项目动态项目动态项目动态项目动态项目动态项目动态
                    </p>
                    <div class="img-list">
                        <a class="venobox" data-gall="gall4" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                        <a class="venobox" data-gall="gall4" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                        <a class="venobox" data-gall="gall4" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                        <a class="venobox" data-gall="gall4" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                        <a class="venobox" data-gall="gall4" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                        <a class="venobox" data-gall="gall4" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                        <a class="venobox" data-gall="gall4" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                        <a class="venobox" data-gall="gall4" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                        <a class="venobox" data-gall="gall4" title="" href="../images/demo/demo-project-1.jpg"><span class="size3" style="background-image:url(../images/demo/demo-project-1.jpg)"></span></a>
                    </div>
                </li>
            </ul>
        </div>

        
    </section>

    <script src="../frozen/lib/zeptojs/zepto.min.js"></script>
    <script src="../frozen/js/frozen.js"></script>
    <script src="../js/jquery-1.10.2.js"></script>
    <script src="../venobox/venobox.min.js"></script>
    <script src="../js/jquery-migrate-1.2.1.min.js"></script>
    
    <script>
        (function() {
            
            $('.venobox').venobox({
                numeratio: true,
                border: '20px'
            });
            $('.venoboxvid').venobox({
                bgcolor: '#000'
            });
            $('.venoboxframe').venobox({
                border: '6px'
            });
            $('.venoboxinline').venobox({
                framewidth: '300px',
                frameheight: '250px',
                border: '6px',
                bgcolor: '#f46f00'
            });
            $('.venoboxajax').venobox({
                border: '30px;',
                frameheight: '220px'
            });
        })();

    </script>
</body>
</html>